// 后续的这些网页都会继承我们Main这个所包含的侧边栏和头部栏
<template>
  <el-container style="height:100%">
  <!-- 引入 侧边栏区域 -->
  <el-aside width="auto">
    <common-aside></common-aside>
  </el-aside>

<!-- 头部区域 -->
  <el-container>
    <el-header>
       <common-header></common-header>
    </el-header>
    <!-- commontag展示区 -->
    <common-tag/>
    
   <!-- 主要区域的展示 -->
    <el-main>
      <router-view></router-view>
    </el-main>
    
  </el-container>
</el-container>
</template>

<script>
import CommonAside from '../src/components/CommonAside.vue'
import CommonHeader from '../src/components/CommonHeader.vue'
import CommonTag from '../src/components/CommonTag.vue'
export default {
    name:'Main',
    components:{
     CommonAside,
     CommonHeader,
     CommonTag
    },
    data(){
        return{}
    }

}
</script>

<style lang="less" scoped>
.el-header{
  background-color: #333;
}
.el-main{
  padding-top: 0;
}



</style>